import "./assets/main.css";
import router from "./router";
import { createPinia } from "pinia";
import { createApp } from "vue";
import emitter from "./utils/emitter";
import App from "./App.vue";
import vCreendirect from "./directive/greendirect";
import VBig from "./directive/big";

declare module "vue" {
  interface ComponentCustomProperties {
    yy: number;
  }
}

const app = createApp(App);
const pinia = createPinia();
app.config.globalProperties.yy = 12345;
app.directive("creendirect", vCreendirect);
app.directive("big", VBig);

app.directive("focus", {
  mounted(el) {
    el.focus();
  },
});

app.use(router);
app.use(pinia);
app.mount("#app");
